<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<meta charset="utf-8">
	<title>教育云平台</title>
	
	<link rel="stylesheet" type="text/css" href="/EECloud/resource/public/bootstrap/css/bootstrap.css"/>
	<link rel="stylesheet" type="text/css" href="/EECloud/resource/public/bootstrap/css/bootstrap-responsive.css"/>
	<link rel="stylesheet" type="text/css" href="/EECloud/resource/css/global.css"/>
	<style type="text/css">

		.row-fluid .span6{
			text-align: center;
			height: auto;
			/*background-color: black;*/
		}

		#reg > li > a{
			padding: 15px 5px;
		}

	</style>
</head>
<body>
	<div class="navbar-wrapper">
		<div class="container" style="min-width:650px">
			<div class="navbar navbar-inverse">
				<div class="navbar-inner">

					<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
		              <span class="icon-bar"></span>
		              <span class="icon-bar"></span>
		              <span class="icon-bar"></span>
		            </button>

					<a  class="brand" href="" >教育云平台</a>
					<ul class="nav">
						<li class="active"><a href="/EECloud/index.php/index">首页</a></li>
						<li class="dropdown">
							<a class="dropdown-toggle" data-toggle="dropdown" href="javascript:void(0);">云平台 <b class="caret"></b></a>
							<ul class="dropdown-menu">
								<li><a href="/EECloud/index.php/publicCloud">公共云</a></li>
								<li><a href="/EECloud/index.php/ring">私有云</a></li>
							</ul>
						</li>
						<li><a href="#">关于</a></li>
						<li><a href="#">联系</a></li>
					</ul>
					<ul class="nav" id="reg" style="float:right;font-size:12px">
						<?php if(empty($userName)):?>
						<li style="padding: 15px 5px;color:#f00">您还未登录！</li>
						<li style="padding:15px 0px">|</li>
						<li><a href="/EECloud/index.php/login">登录</a></li>
						<li style="padding:15px 0px">|</li>
						<li><a href="/EECloud/index.php/register">注册</a><li>
						<li style="padding:15px 0px">|</li>
						<!-- <li><a href="">客户端下载</a><li> -->
						<li class="dropdown">
							<a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">下载<b class="caret"></b></a>
							<ul class="dropdown-menu">
								<li><a href="javascript:void(0);">客户端</a></li>
								<li><a href="/EECloud/index.php/index/evaluate_download">考试评测系统</a></li>
							</ul>
						</li>
						<?php else: ?>
						<li style="padding: 15px 5px;color:#f00">欢迎您:</li>
						<li><a href="/EECloud/index.php/userInfo/index" style=""><?=$userName?></a></li>
						<li style="padding:15px 0px">|</li>
						<!-- <li><a href="">客户端下载</a></li> -->
						<li class="dropdown">
							<a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">下载<b class="caret"></b></a>
							<ul class="dropdown-menu">
								<li><a href="javascript:void(0);">客户端</a></li>
								<li><a href="/EECloud/index.php/index/evaluate_download">考试评测系统</a></li>
							</ul>
						</li>
						<li style="padding:15px 0px">|</li>
						<li><a href="/EECloud/index.php/login/logout">退出</a></li>
						<?php endif;?>
					</ul>
				</div>
			</div>
		</div>
	</div>

	<div id="myCarousel" class="carousel slide">
		<ol class="carousel-indicators">
	      <li data-target="#myCarousel" data-slide-to="0" class=""></li>
	      <li data-target="#myCarousel" data-slide-to="1" class=""></li>
	      <li data-target="#myCarousel" data-slide-to="2" class="active"></li>
	    </ol>
	    <div class="carousel-inner">
	    	<div class="active item">
	    		<img src="/EECloud/resource/img/slide-01.jpg" alt=""/>
	    		<div class="container">
	    			<div class="carousel-caption">
	    				<h1>Welcome to East China Normal University</h1>
	    				<p class="lead">教育云平台...</p>
	    				<a class="btn btn-large btn-primary" href="">点击进入</a>
	    			</div>
	    		</div>
	    	</div>

	    	<div class="item">
	    		<img src="/EECloud/resource/img/slide-02.jpg" alt="">
	    		<div class="container">
	    			<div class="carousel-caption">
	    				<h1>Hello,welcomw</h1>
	    				<p class="lead">今天教育云平台正式上线啦</p>
	    			</div>
	    		</div>
	    	</div>

	    	<div class="item">
	    		<img src="/EECloud/resource/img/slide-03.jpg" alt="">
	    		<div class="container">
	    			<div class="carousel-caption">
	    				<h1>come on</h1>
	    				<p class="lead">赶快加入吧</p>
	    				<a class="btn btn-large btn-primary" href="#">了解</a>
	    			</div>
	    		</div>
	    	</div>
	    </div>
	     <a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a>
     	 <a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</a>
	</div>

	<div class="container">
		<div class="row-fluid">
			<div class="span6">
				<img class="img-circle" data-src="holder.js/140x140">
	            <h2>Heading</h2>
	            <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>
	            <p><a class="btn" href="/EECloud/index.php/pcloud">公共云平台 &raquo;</a></p>
			</div>
			<div class="span6">
				 <img class="img-circle" data-src="holder.js/140x140">
		         <h2>Heading</h2>
		         <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
		         <p><a class="btn" href="/EECloud/index.php/ring">私有云平台 &raquo;</a></p>
			</div>
		</div>
		
	 	<hr class="featurette-divider">
		<footer>
	       <p class="pull-right"><a href="#">Back to top</a></p>
	       <p>&copy; 2013 Company, Inc. &middot; <a href="#">Privacy</a> &middot; <a href="#">Terms</a></p>
	    </footer>
	</div>


	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
	<script type="text/javascript" src="/EECloud/resource/public/bootstrap/js/bootstrap.js"></script>
	<script src="/EECloud/resource/js/holder.js"></script>
	<script>
		$(document).ready(function(){
			
			$("#myCarousel").carousel({
				 interval:4000
			});
		});
	</script>
</body>
</html>